<template>
        <view>
                <button type="primary" @click="open">fade</button>
                <uni-transition mode-class="fade" :styles="{'width':'100px','height':'100px','backgroundColor':'red'}" :show="show" @change="change" />
        </view>
</template>

<script>
export default {
        data() {
                return {
                        show: false,
                }
        },
        onLoad() {},
        methods: {
                open(mode) {
                        this.show = !this.show
                },
                change() {
                        console.log('触发动画')
                }
        }
}
</script>